<template>
    <div style="padding: 20px">
      <div class="headerBoxList">
        <svg width="24" height="24" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 24C4 35.0457 12.9543 44 24 44V44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M36 24C36 17.3726 30.6274 12 24 12C17.3726 12 12 17.3726 12 24C12 30.6274 17.3726 36 24 36V36" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/></svg>
        <span style="margin-left: 10px">挂载信息</span>
      </div>
      <div class="contentBoxYY" style="">
        <!-- <el-collapse v-model="activeName" accordion>
          <el-collapse-item style="" v-for="(item,index) in listData" :key="index" :title="'🚩 '+ item.titleKey+` （${item.content.length}行）`" :name="index">
              <div style="background: #282828;color: rgb(101, 177, 235);padding-left:20px;border: none !important;" v-for="(data,j) in item.content" :key="j">
                 {{ data }}
              </div>
          </el-collapse-item>
        </el-collapse> -->
        <p style="border-bottom: 1px solid #ebebeb;" v-for="(item,index) in listData" :key="index">· {{ item }}</p>
      </div>
    </div>
</template>
  
  <script>
  import { getRxTmpPathApi } from '@/api/phoneInfo/index'
  export default {
    name: "guazai",
    props:['sendData'],
    data() {
      return {
        activeName: 0,
        listData:[]
      };
    },
    mounted(){
      this.initFunction();
    },
    created() {
      
    },
    methods: {
        initFunction(){
        let node = this.$route.params.nodeData.data;
        let dataJson = {
          "proof_num":node.proof_num,
          "rxTmpPath":'/'+node.subtype
        }
      getRxTmpPathApi(dataJson).then(res=>{
        if(!res.data)return
        const str = res.data;

        let arr = str.split("\n");
        console.log(arr)
          this.listData = arr;
          this.total = arr.length;
      }).catch(error=>{

      })
      }
    },
  };
  </script>
  
  <style scoped>
  .headerBoxList {
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #d2d2d2;
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: bold;
  }
  .contentBoxYY{
      width: 95%; 
      margin: 0 auto;
      overflow: hidden;
      height:95vh;
      overflow-y: auto;
  }
  @media screen and (min-width: 2360px) {
      .contentBoxYY{
          width: 95%; 
          margin: 0 auto;
          overflow: hidden;
          height:67vh;
          overflow-y: auto;
      }
  }
  
  </style>